.container {
  width: 1200px;
  margin: 100px auto;
}

.container .ma {
  position: fixed;
  top: 50%;
  left: 40%;
  display: none;
}

.container .ma img {
  width: 200px;
  height: 400px;
}

.container .ma span {
  color: red;
  float: right;
  text-decoration: line-through;
}

.container .logo {
  width: 1200px;
  height: 90px;
  text-align: center;
  line-height: 90px;
  display: flex;
  border-bottom: 2px solid #ff6700;
}

.container .logo p {
  margin-left: 50px;
}

.container .cart-list {
  width: 1200px;
  text-align: center;
}

.container .cart-list h2 {
  width: 200px;
  height: 50px;
  line-height: 50px;
  font-size: 20px;
  float: right;
}

.container .cart-list h2 span {
  color: red;
}

.container .cart-list table {
  width: 1200px;
}

.container .cart-list table .t1 {
  width: 1200px;
  height: 40px;
  border-bottom: 1px dashed #a01515;
  text-align: center;
  line-height: 40px;
}

.container .cart-list table .t1 input {
  width: 20px;
  height: 20px;
  text-align: center;
}

.container .cart-list table .t2 {
  width: 1200px;
  height: 90px;
  text-align: center;
  border-bottom: 1px dashed #a01515;
}

.container .cart-list table .t2 .name {
  width: 300px;
  overflow: hidden;
}

.container .cart-list table .t2 td > img {
  width: 50px;
  height: 50px;
}

.container .cart-list table .t2 input {
  width: 20px;
  height: 20px;
  text-align: center;
}

.container .clear {
  margin-top: 20px;
  width: 200px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  border-radius: 25px;
  float: right;
  background-color: red;
}

.container .clear span {
  color: white;
  font-size: 20px;
}
